﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>菜单页面</title>
<link th:href="@{css/style.css}" rel="stylesheet" type="text/css" />
<script th:src="@{/js/jquery.js}"></script>
<script th:src="@{/js/base.js}"></script>
<script type="text/javascript">
$(function(){
	//导航切换
	$(".menuson li").click(function(){
		$(".menuson li.active").removeClass("active")
		$(this).addClass("active");
	});
	
	$('.title').click(function(){
		var $ul = $(this).next('ul');
		$('dd').find('ul').slideUp();
		if($ul.is(':visible')){
			$(this).next('ul').slideUp();
		}else{
			$(this).next('ul').slideDown();
		}
	});
})	
</script>


</head>

<body style="background:#f0f9fd;">
	<div class="lefttop"><span></span>后台系统管理</div>
    <dl class="leftmenu">
        <dd th:each="sys_menu:${sys_menu}">
            <div class="title">
                <span><img th:src="@{/images/leftico01.png}"/></span>
                <b th:text="${sys_menu.key}"></b>
            </div>
            <ul class="menuson">
                <li th:each="menu:${sys_menu.value}"><cite></cite><a th:href="${menu.configCode}" th:text="${menu.configDesc}" target="rightFrame"></a><i></i></li>
            </ul>
        </dd>

        <!--<li class="active" ><cite></cite><a href="right.html" target="rightFrame">数据列表</a><i></i></li>-->
        <!--<li><cite></cite><a href="imgtable.html" target="rightFrame">图片数据表</a><i></i></li>-->
        <!--<li><cite></cite><a href="form.html" target="rightFrame">添加编辑</a><i></i></li>-->
        <!--<li><cite></cite><a href="imglist.html" target="rightFrame">图片列表</a><i></i></li>-->
        <!--<li><cite></cite><a href="imglist1.html" target="rightFrame">自定义</a><i></i></li>-->
        <!--<li><cite></cite><a href="tools.html" target="rightFrame">常用工具</a><i></i></li>-->
        <!--<li><cite></cite><a href="/file/list" target="rightFrame">信息管理</a><i></i></li>-->
        <!--<li><cite></cite><a href="/file/computer" target="rightFrame">404页面</a><i></i></li>-->
        <!--<li><cite></cite><a href="tab.html" target="rightFrame">Tab页</a><i></i></li>-->
        <!--<li><cite></cite><a href="" target="rightFrame">404页面</a><i></i></li>-->
    <!--
    <dd>
    <div class="title">-->
        <!--<span><img th:src="@{/images/leftico02.png}" /></span>其他设置-->
    <!--</div>-->
    <!--<ul class="menuson">-->
        <!--<li><cite></cite><a href="#">编辑内容</a><i></i></li>-->
        <!--<li><cite></cite><a href="#">发布信息</a><i></i></li>-->
        <!--<li><cite></cite><a href="#">档案列表显示</a><i></i></li>-->
        <!--</ul>     -->
    <!--</dd> -->
    <!--<dd><div class="title"><span><img th:src="@{/images/leftico03.png}" /></span>编辑器</div>-->
    <!--<ul class="menuson">-->
        <!--<li><cite></cite><a href="#">自定义</a><i></i></li>-->
        <!--<li><cite></cite><a href="#">常用资料</a><i></i></li>-->
        <!--<li><cite></cite><a href="#">信息列表</a><i></i></li>-->
        <!--<li><cite></cite><a href="#">其他</a><i></i></li>-->
    <!--</ul>    -->
    <!--</dd>  -->
    <!--<dd><div class="title"><span><img th:src="@{/images/leftico04.png}" /></span>日期管理</div>-->
    <!--<ul class="menuson">-->
        <!--<li><cite></cite><a href="#">自定义</a><i></i></li>-->
        <!--<li><cite></cite><a href="#">常用资料</a><i></i></li>-->
        <!--<li><cite></cite><a href="#">信息列表</a><i></i></li>-->
        <!--<li><cite></cite><a href="#">其他</a><i></i></li>-->
    <!--</ul>-->
    <!--</dd>-->
    </dl>
</body>
</html>
